<template>
  <div>
    <!-- 
      指令 v- 
    -->
    <p v-bg v-bold>
      <span >自定义指令</span>
    </p>
  </div>
</template>

<script>
export default {
  name: "App",
  // 有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令
  directives:{
    // 自定义指令，第一个参数是当前的DOM元素
    bg(ele){
      ele.style.background = 'red'
    }
  }
 
};
</script>

<style>
</style>